
body { /*background: #FFFFFF url(../img/bg.gif);*/ color: #333333; font: normal 11px Arial; margin: 0px auto 0px;
	padding: 0px; }

#wrap { background: #FFFFFF; width: 990px; margin: 0px auto 0px; padding: 0px; }
	
/* HYPERLINKS
--------------------------------------------------------------*/
a, a:visited{ color: #00ADEF; text-decoration: none; }
a:hover {  color: #777; }




/* FORM
--------------------------------------------------------------*/
input {font: normal 11px arial; padding: 2px; background: #FFFFDD; width:200px}
select {font: normal 11px arial; padding: 2px; background: #FFFFDD; width:200px}
textarea {font: normal 11px arial; padding: 2px; background: #FFFFDD; width:200px}

h1 {margin: 0px; color: #000000;}
h2 {margin: 0px; color: #000000;}
h3 {margin: 0px; color: #000000;}

h1 a:hover{margin: 0px; color: #333333;}
h2 a:hover{margin: 0px; color: #333333;}
h3 a:hover{margin: 0px; color: #333333;}




/*	NAVBAR
--------------------------------------------------------------*/
#navxbar {width: 100%; height: 50px; background: #333; padding: 0px}
#navbar { width: 100%; height: 25px; margin: 0px auto 0px; padding: 4px; overflow: hidden; background: #333; color: white; font: bold 14px arial; }
#navbar img a{ 	margin: 0px; border: none; }
#navbar input { font: bold 10px tahoma; border: 1px solid #FFF; }
#navbar form table tbody tr td input{ font: bold 10px tahoma; border: 1px solid #FFF; width:100px}
#navbar form table tbody tr td .submit input  { font: bold 10px tahoma; border: 1px solid #FFF; width:100px; background: #F00;}

	
/* MENU
--------------------------------------------------------------*/

#navbuttons {margin-bottom: 20px;}
#navlist li { list-style-type: none; padding: 0px; margin: 0px; height: 59px; width: 320px; }
#home{ 	height: 39px; 	width: 320px; 	text-indent: 0px; 	overflow: hidden; 	background: url(../img//home.gif) top left no-repeat; 	display: block; }
#home:hover{ background-position: bottom left; text-decoration: none; }

#services{ height: 39px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/services.gif) top left no-repeat; display: block; }      
#services:hover{ background-position: bottom left; text-decoration: none; }
#work{ height: 39px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/work.gif) top left no-repeat; display: block; }
#work:hover{ background-position: bottom left; text-decoration: none; }

#about{ height: 39px; width: 320px; text-indent: 10000px; overflow: hidden; background: url(../img/about.gif) top left no-repeat; display: block; }
#about:hover{ background-position: bottom left; text-decoration: none; }

#blog{ height: 39px; width: 320px; text-indent: 10000px; overflow: hidden; background: url(../img/blog.gif) top left no-repeat; display: block; }
#blog:hover{ background-position: bottom left; text-decoration: none; }

#contact{ height: 39px; width: 320px; text-indent: 10000px; overflow: hidden; background: url(../img/contact.gif) top left no-repeat; display: block; }
#contact:hover{ background-position: bottom left; text-decoration: none; }

/* FEED-BLOGGING-BUTTONS
--------------------------------------------------------------*/
#feed-blogging li { list-style-type: none; padding: 0px; margin: 0px; height: 71px; width: 320px; }
#feed{ 	height: 71px; 	width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/feed.gif) top left no-repeat; display: block; }
#feed:hover{ background-position: bottom left; text-decoration: none; }
 
#blogging{ height: 71px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/blogging.gif) top left no-repeat; display: block; }
#blogging:hover{ background-position: bottom left; text-decoration: none; }

#award{ height: 81px; width: 320px; text-indent: 0px; overflow: hidden; background: url(../img/awards.gif) top left no-repeat; display: block; }      
#award:hover{ background-position: bottom left; text-decoration: none; }
	

/* REGISTER & FORMS
--------------------------------------------------------------*/
.register_input input { border: 1px solid #333; padding: 5px}
.register_group {padding: 5px}
.switchstep {color: red}
#searchform input { border: 1px solid #333; padding: 5px}
#login input { border: 1px solid #333; padding: 5px; margin-top: 5px; width: 250px}




/* CONTENT
--------------------------------------------------------------*/

#content { width: 990px; margin: 0px auto 0px auto; padding: 0px; }
#content p{ padding: 0px 0px 15px 0px; margin: 0px; line-height: 20px; }
#content h1 { color: #333; font: bold 22px arial; padding: 0px 0px 7px 0px; margin-bottom: 10px; border-bottom: 1px solid #E8E8E9; }
	
#content h1 a  { color: #444; text-decoration: none; }
#content h1 a:hover { color: #FFF; text-decoration: none; }
#content h2 { color: #00ADEF; font: bold 22px arial; padding: 0px 0px 10px 0px; margin: 0px; }
	
#contentleft { float: left; width: 640px; margin: 25px 10px 0px 0px; padding: 0px 0px 20px 0px; min-height: 350px;}
#contentright { float: left; width: 320px; margin: 25px 0px 0px 0px; padding: 0px 0px 10px 0px; }

#home_content { font-size: 14px; color:#332B09; font-family:Cambria,Georgia,"Times New Roman",Times,serif;}

#navright ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#navright ul li { display: inline; padding: 0px; margin: 0px; }
#navtright ul li a { display: block; color: #333333; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; }
#navright ul li a:hover { padding: 0px; color: #00ADEF; }

#feedright ul { list-style: none; margin: 0px 0px 20px 0px; padding: 0px; }
#feedright ul li { display: inline; padding: 0px; margin: 0px; }
#feedright ul li a { display: block; color: #333333; text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; }
#feedright ul li a:hover { padding: 0px; color: #00ADEF; }

.sidebar ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebar ul li { margin: 0 0 3px 0; padding: 0; font: bold 12px arial;}
.sidebar ul li a { display: block; margin: 0; color: #FFF; padding: 5px 8px; background: #001D56; text-decoration: none; }
.sidebar ul li a:hover { color: #333; background: #F8D848; }

.sidebarcat ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebarcat ul li { margin: 0 0 3px 0; padding: 0px; font: bold 12px arial; }
.sidebarcat ul li a { display: block; margin: 0px; color: #FFF; padding: 5px 8px; background: #222; text-decoration: none; }
.sidebarcat ul li a:hover { color: #333; background: #FFF; }

.sidebaruser ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebaruser ul li { margin: 0 0 3px 0; padding: 0; }
.sidebaruser ul li a { display: block; margin: 0; color: #FFF; padding: 8px; background: #FF0000; text-decoration: none; font: bold 12px arial;}
.sidebaruser ul li a:hover { color: #FFF; background: #999999; }

.sidebarvideo ul { list-style: none; margin: 0 0 3px 0; padding: 0; }
.sidebarvideo ul li { margin: 0 0 3px 0; padding: 0px; font: bold 12px arial; }
.sidebarvideo ul li a { display: block; margin: 0px; color: #FFF; padding: 5px 8px; background: #FF0000; text-decoration: none; }
.sidebarvideo ul li a:hover { color: #333; background: #FFF; }



/* FOOTER BACKGROUND
--------------------------------------------------------------*/
#footerbg { background: #333333; /*#00ADEF*/}
#footer { width: 860px; height: 445px; background: #333333; color: #FFFFFF; margin: 0px auto 0px; text-align: left; position: relative; line-height: 17px; }
#footer p { color: #FFFFFF; padding: 0px; list-style-type: none; margin: 0px;	}
#footer h1 { color: #FFFFFF; font-size: 16px; font-family: Arial; font-weight: bold; border-bottom: 2px solid #8CDAF8; padding: 0px 0px 2px 0px; margin: 15px 0px 0px 0px; }
#footer h2 { color: #FFFFFF; font-size: 16px; font-family: Arial; font-weight: bold; border-bottom: 2px solid #8CDAF8; padding: 0px 0px 2px 0px; margin: 15px 0px 0px 0px; }
#footer h3 { color: #FFFFFF; font-size: 16px; font-family: Arial; font-weight: bold; border-bottom: 2px solid #8CDAF8; padding: 0px 0px 2px 0px; margin: 15px 0px 3px 0px; }
#footer a { color: #0FE2FB; text-decoration: none; }
#footer a:hover { color: #FF0000; text-decoration: none; }
#footer ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#footer ul li { display: inline; padding: 0px; margin: 0px; }
#footer ul li a { display: block; color: #FFFFFF; background: url(../img/icon.gif) no-repeat; text-decoration: none; margin: 0px; padding: 5px 0px 5px 20px; border-bottom: 1px solid #FFF;
	}
#footer ul li a:hover { background: #FF0000 url(../img/icon.gif) no-repeat; color: #FFFFFF; }
#footerleft { background: #333333; float: left; width: 225px; margin: 0px 20px 0px 0px; padding: 0px; }
#footermiddle { background: #333333; float: left; width: 230px; margin: 0px 20px 0px 0px; padding: 0px; }
#footerright { background: #333333; float: right; width: 300px; margin: 0px 0px 0px 0px; padding: 0px; }
#footerright a { color: #00ADEF; background: #FFF; text-decoration: none; } 
#footerright a:hover { color: #FFFFFF; background: #333333; }



/* SEARCH FORM
--------------------------------------------------------------*/
#searchdiv { margin: 0px; padding: 0px; }
#searchform { margin: 0px; padding: 0px; overflow: hidden; }



/* COMMENTS
--------------------------------------------------------------*/

#commentblock h2 { font-size: 16px; font-family: Arial, Helvetica, Sans-Serif; color: #333333; padding: 0px 0px 10px 0px; margin: 0px; }
#commentblock { width: 458px; background: #F1F1F1; color: #333333; float: left; padding: 20px 20px 10px 20px; margin: 10px 0px 0px 0px; border: 0px solid #CCC; }

ol#commentlist { padding: 5px; margin: 0px; list-style-type: none; }
.commentdate { font-size: 12px; padding-left: 0px; }
#commentlist li  p{ margin-bottom: 8px; line-height: 20px; padding: 0px; }
.commentname { color: #333333; margin: 0px; padding: 5px 5px 5px 0px; }
.commentinfo{ clear: both; }
.commenttext { clear: both; margin: 0px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 360px; background: #FFFFFF url(../img/comment.gif) no-repeat top; }
.commenttext-admin { clear: both; margin: 0px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 360px; background: #FFFFFF url(../img/comment.gif) no-repeat top; }
#commentsformheader{ padding-left: 0px; } 
#commentsform{ text-align: center; 	margin: 0px; padding: 0px; }
#commentsform form{ text-align: left; margin: 0px; }
#commentsform p{ margin: 0px; }
#commentsform form textarea{ width: 99%; }

p.comments_link  img{ border-style:none; margin:0px; padding:0px; }
blockquote{ margin: 0px 0px 0px 0px; padding: 0px 7px 0px 10px; background: #FFF; font-style: italic; color: #333333; }

#content blockquote p{ margin: 0px 0px 20px 0px; padding: 0px; }
#content p ol{ margin: 0px; padding: 0px 0px 0px 20px; }
#content p ul{ margin: 0px; padding: 0px 0px 0px 20px; }
#content p.headline { height:26px; padding:3px 0 0 30px; margin:5px 0 15px 0; }
#content p.headline { background:url(../img/bullet.gif) top left no-repeat; font-size: 13px; color:#999; }
ul.content { margin:0 0 20px 20px; padding:0; list-style:none; }
ul.content li { width:94%; display:block; background:url(../img/list-item.gif) top left no-repeat; margin:3px 0 0 3px; padding:2px 0 5px 22px; border-bottom:1px solid #efefef;
}

img.border { padding: 4px; margin: 0 0 2px 7px; display: inline; border: 1px solid #CCC; }
img.feature { padding: 4px; margin: 0 0 0px 0px; display: inline; border: 1px solid #CCC; }
#content p.visit { height:22px; padding:0px 0 0 0; margin-left: 400px;  margin-bottom: 10px; }
#content p.visit { background: url(../img/visit-site.gif) top left no-repeat; padding-left:23px; }

.div { background: url(../img/div.gif) repeat-x left; height: 1px; padding: 0; margin: 20px 0px 20px 0px; }

/* WORK
---------------------------------------------------------- */




/* PHOTO VIEWER OVERRIDES 
--------------------------------------------------------------*/

body.viewer #sidebar { display: none; }
body.viewer #main-body { background-image: none; }
body.viewer #content { width: 60em; }
.client-block {width: 500px; padding: 20px;}


/* STAR RATER
--------------------------------------------------------------*/

.star-rating{ list-style:none; margin: 0px; padding:0px; width: 125px; height: 25px; position: relative; overflow:hidden; background: url(../img/alt_star.gif) top left repeat-x;	}
.star-rating li{ padding:0px; margin:0px; /*\*/ float: left; /* */ 	}
.star-rating li a{ display:block; width:25px; height: 25px; line-height:25px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; 	}
.star-rating li a:hover{ background: url(../img/alt_star.gif) left bottom; z-index: 2; left: 0px; border:none; }

.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:25px; }
.star-rating a.two-stars{ left:25px; }
.star-rating a.two-stars:hover{ width: 50px; }
.star-rating a.three-stars{ left: 50px; }
.star-rating a.three-stars:hover{ width: 75px; }
.star-rating a.four-stars{ 	left: 75px; }
.star-rating a.four-stars:hover{ width: 100px; }
.star-rating a.five-stars{ left: 100px; }
.star-rating a.five-stars:hover{ width: 125px; }
.star-rating li.current-rating{ background: url(../img/alt_star.gif) left center; 	position: absolute; height: 25px; display: block; text-indent: -9000px; z-index: 1; }	
/* remove halo effect in firefox   */




#contentRtUsers { padding: 10px; background: #000; margin: 10px 0 0 0 ; background: #fff;}
#contentRtUsers .userBox {float: left; border: 1px solid white; margin: 0px 2px 2px 0px;  width: 71px; min-height: 97px; font: normal 11px arial; color: #EA5021}
#contentRtUsers .userBox a { color: #EA5021; font: normal 10px arial;}

